<!doctype html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org"
      th:replace="layout (title='合同查验')">
<div th:fragment="content">
    <div class="m2ban wOpacity wow fadeIn" data-wow-delay="0.0s" style="background-image:url(images/m2ban2.jpg)">
        <div class="m2banTxt">
            <div class="m2ban_t1 wOpacity wow fadeInUp" data-wow-delay="0.2s">合同查验</div>
            <div class="m2ban_des1 wOpacity wow fadeInUp" data-wow-delay="0.4s">验证合同有效性</div>
        </div>
    </div>
    <div class="container wOpacity wow fadeIn" data-wow-delay="0.0s">
        <div class="m2htCon1">
            <div class="m2pub_t wOpacity wow fadeIn" data-wow-delay="0.1s">电子验签流程</div>
            <ul class="m2htul clearfix">
                <li class="col-xs-12 col-sm-12 col-md-4 wOpacity wow fadeIn" data-wow-delay="0.1s">
                    <span class="m2htIcon"><img src="images/m2ht_i1.png" width="40" height="40"></span>
                    <strong>第一步：下载合同</strong>
                    <p>登录众签平台，点击合同管理，下载需要验签的合同
                        文件（同时支持验证从第三方平台下载的合同）</p>
                </li>
                <li class="col-xs-12 col-sm-12 col-md-4 wOpacity wow fadeIn" data-wow-delay="0.2s">
                    <span class="m2htIcon"><img src="images/m2ht_i2.png" width="40" height="40"></span>
                    <strong>第二步：上传PDF文件</strong>
                    <p>将合同PDF文件拖拽至上传区域内，或点击“上传区域”
                        上传文件</p>
                </li>
                <li class="col-xs-12 col-sm-12 col-md-4 wOpacity wow fadeIn" data-wow-delay="0.3s">
                    <span class="m2htIcon"><img src="images/m2ht_i3.png" width="40" height="40"></span>
                    <strong>第三步：完成验签，查看结果</strong>
                    <p>查看验签结果</p>
                </li>
            </ul>
        </div>
        <div class="m2pub_t wOpacity wow fadeIn" data-wow-delay="0.2s">电子合同查验</div>
        <div class="m2htUpbox wOpacity wow fadeIn" data-wow-delay="0.3s">
            <a href="javascript:;" class="m2htUpBtn"><img src="images/m2ht_ui.png" width="24" height="17"> 上传pdf合同文件</a>
            <a href="javascript:;" class="m2htCd cor_bs">验签</a>
        </div>
    </div>

    <!--进度弹出层-->
    <div class="m2htlayBg"></div>
    <div class="m2htLayer">
        <div class="m2htLy_t">进度提示</div>
        <div class="m2htLy_num">90%</div>
        <div class="m2htLoding">
            <div class="m2htLodingBox" style="width:90%"></div>
        </div>
    </div>
    <script language="javascript">
        //弹出层进入、退出操作
        $(".xxxxxxxxxxxxxxx").click(function () {
            $(".m2htlayBg,.m2htLayer").fadeIn(300);
        });
        $(".xxxxxxxxxxxxxxx").click(function () {
            $(".m2htlayBg,.m2htLayer").fadeOut(300);
        });
    </script>
    <script>
        $(function () {
            $("#checkLi").addClass("hover");
        })
    </script>
</div>
</html>